<template>
    <div>
        <div class="main">
            <lineChart :xdata="xdata" :ydata="ydata"></lineChart>
        </div>
    </div>
</template>

<script>
import lineChart from '@/components/line/lineChart.vue'

import { ordertotaldataReq } from '@/api/account.api'
export default {
    components: { lineChart },

    data() {
        return {
            xdata: [],
            ydata: []
        }
    },
    created() {
        ordertotaldataReq().then(res => {
            this.xdata = res.data.xData
            this.ydata = [{
                name: '订单',
                data: res.data.orderData
            },
            {
                name: '销售额',
                data: res.data.amountData
            },

            ]
            // this.getEchartData()
        })
    },
    // mounted() {
    // },

    // methods: {
    //     getEchartData() {
    //         const chart = this.$refs.chart
    //         if (chart) {
    //             const myChart = this.$echarts.init(chart)
    //             const option = {

    //                 title: {
    //                     text: '数据统计',
    //                     left: '10%'
    //                 },
    //                 tooltip: {
    //                     trigger: 'axis'
    //                 },
    //                 legend: {
    //                 },
    //                 grid: {
    //                     left: '15%',
    //                     right: '10%',
    //                     bottom: '10%',
    //                     containLabel: true
    //                 },
    //                 toolbox: {
    //                     feature: {
    //                         saveAsImage: {}
    //                     }
    //                 },
    //                 xAxis: {
    //                     type: 'category',
    //                     boundaryGap: false,
    //                     data:
    //                         this.xdata
    //                 },
    //                 yAxis: {
    //                     type: 'value'
    //                 },
    //                 series: this.ydata.map(item => {
    //                     item.type = 'line'
    //                     return item
    //                 })
    //                 // this.series,
    //             }
    //             myChart.setOption(option)
    //             window.addEventListener("resize", function () {
    //                 myChart.resize()
    //             })
    //         }
    //         this.$on('hook:destroyed', () => {
    //             window.removeEventListener("resize", function () {
    //                 myChart.resize();
    //             });
    //         })
    //     }
    // }

}
</script>

<style lang="less" scoped>
.main {
    width: 1300px;
    height: 500px;
    background-color: #fff;
}
</style>